<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />
		<script href="../../assets/js/ace-extra.min.js"></script>

		<link href="../../assets/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<link href="../../assets/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />

		<script type="text/javascript" src="../../assets/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../../assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../assets/js/bootstrap-datepicker.min.js"></script>

		<script type="text/javascript">
			$(function() {
				$("#isCreateTransaction").click(function() {
					if (this.checked) {
						$("#create-transaction2").show(200);
					} else {
						$("#create-transaction2").hide(200);
					}
				});
			});
		</script>

	</head>
	<body>

		<!-- 搜索市场活动的模态窗口 -->
		<div class="modal fade" id="searchActivityModal" role="dialog">
			<div class="modal-dialog" role="document" style="width: 90%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span>
						</button>
						<h4 class="modal-title">搜索市场活动</h4>
					</div>
					<div class="modal-body">
						<div class="btn-group" style="position: relative; top: 18%; left: 8px;">
							<form class="form-inline" role="form">
								<div class="form-group has-feedback">
									<input type="text" class="form-control" style="width: 300px;"
										placeholder="请输入市场活动名称，支持模糊查询">
									<span class="glyphicon glyphicon-search form-control-feedback"></span>
								</div>
							</form>
						</div>
						<table id="activityTable" class="table table-hover"
							style="width: 900px; position: relative;top: 10px;">
							<thead>
								<tr style="color: #B3B3B3;">
									<td></td>
									<td>名称</td>
									<td>开始日期</td>
									<td>结束日期</td>
									<td>所有者</td>
									<td></td>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input type="radio" name="activity" /></td>
									<td>发传单</td>
									<td>2020-10-10</td>
									<td>2020-10-20</td>
									<td>zhangsan</td>
								</tr>
								<tr>
									<td><input type="radio" name="activity" /></td>
									<td>发传单</td>
									<td>2020-10-10</td>
									<td>2020-10-20</td>
									<td>zhangsan</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="title" class="page-header" style="position: relative; left: 20px;">
			<h4>转换线索 <small>李四先生-动力节点</small></h4>
		</div>
		<div id="create-customer" style="position: relative; left: 40px; height: 35px;">
			新建客户：动力节点
		</div>
		<div id="create-contact" style="position: relative; left: 40px; height: 35px;">
			新建联系人：李四先生
		</div>
		<div id="create-transaction1" style="position: relative; left: 40px; height: 35px; top: 25px;">
			
			为客户创建交易
		</div>
		<div 
			style="position: relative; left: 40px; top: 20px; width: 80%; background-color: #F7F7F7;">

			<form>
				<div class="form-group" style="width: 400px; position: relative; left: 20px;">
					<label for="amountOfMoney">金额</label>
					<input type="text" class="form-control" id="amountOfMoney">
				</div>
				<div class="form-group" style="width: 400px;position: relative; left: 20px;">
					<label for="tradeName">交易名称</label>
					<input type="text" class="form-control" id="tradeName" value="动力节点-">
				</div>
				<div class="form-group" style="width: 400px;position: relative; left: 20px;">
					<label for="expectedClosingDate">预计成交日期</label>
					<input type="text" class="form-control" id="expectedClosingDate">
				</div>
				<div class="form-group" style="width: 400px;position: relative; left: 20px;">
					<label for="stage">阶段</label>
					<select id="stage" class="form-control">
						<option></option>
						<option>资质审查</option>
						<option>需求分析</option>
						<option>价值建议</option>
						<option>确定决策者</option>
						<option>提案/报价</option>
						<option>谈判/复审</option>
						<option>成交</option>
						<option>丢失的线索</option>
						<option>因竞争丢失关闭</option>
					</select>
				</div>
				<div class="form-group" style="width: 400px;position: relative; left: 20px;">
					<label for="activity">市场活动源&nbsp;&nbsp;<a href="javascript:void(0);" data-toggle="modal"
							data-target="#searchActivityModal" style="text-decoration: none;"><span
								class="glyphicon glyphicon-search"></span></a></label>
					<input type="text" class="form-control" id="activity" placeholder="点击上面搜索" readonly>
				</div>
			</form>

		</div>

		<div id="owner" style="position: relative; left: 40px; height: 35px; top: 50px;">
			记录的所有者：<br>
			<b>zhangsan</b>
		</div>
		<div id="operation" style="position: relative; left: 40px; height: 35px; top: 100px;">
			<input class="btn btn-primary" type="button" value="转换">
			&nbsp;&nbsp;&nbsp;&nbsp;
			<input class="btn btn-default" type="button" value="取消">
		</div>
	</body>
</html>